/* Window and Modals */
.modal-backdrop.fade,
.modal.fade
  bottom: 0
  left: 0
  position: fixed
  right: 0
  top: 0
.modal-backdrop.fade
  background: #000
  opacity: .5
  filter: alpha(opacity=50)
.window,
.modal-content
  background: $whiteColor
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15)
  border-radius: 2px
  font-family: $font
  line-height: 1.3
  min-height: 316px
  width: 516px
  .modal-header-error
    background: #7a1c13
    height: auto
    line-height: 1
    position: relative
    z-index: 50
    .modal-title
      color: #fff
      font-size: 20px
      font-weight: 400
      padding: 10px 20px
.window
  position: relative
.__gallery .modal-dialog
  background-color: $whiteColor
  border: 5px solid #a1c0d4
  bottom: 40px
  left: 80px
  margin: 0
  position: absolute
  right: 80px
  top: 40px
  width: auto
  transform: none
.__gallery .modal-content
  box-shadow: none
  height: 100%
  margin: 0
  position: static
  width: 100%
  transform: none
  .modal-body
    height: 100%
    padding: 0
.modal-content
  min-height: inherit
.window .window-status
  height: 50px
  left: 0
  position: absolute
  right: 0
  top: 0
  z-index: 25
  .progress-bar
    height: 100%
    margin: 0
.window .window-head,
.modal-content .modal-header
  background: #465769
  border-radius: 2px 2px 0px 0px
  height: 50px
  line-height: 38px
  position: relative
  z-index: 50
.window-head.warning
  background: $genericWarningColor
.modal-content .modal-header
  height: auto
  line-height: 1
.window .window-status ~ .window-head
  background-color: transparent
.window-head .window-t,
.modal-header .modal-title
  color: $whiteColor
  font-size: 16px
  line-height: 50px
  padding: 0 28px
.modal-header .modal-title
  font-size: 18px
  font-weight: 500
  padding: 0 17px
.window-head .__logo
  padding-left: 18px
  ~.window-t
    padding: 0 20px 0 10px
.window .window-cnt
  padding: 0 28px
.modal-content .modal-body,
.modal-content .modal-footer
  font-size: 14px
  padding: 20px
.modal-content .modal-body .warning
  background: transparent
  float: left
  margin: 5px 10px 0 6px
  width: 10%
.modal-content .modal-body .form-input
  margin: 15px 0 0
.modal-content .modal-footer
  text-align: right
.window-cnt .form-label
  margin-left: 0
.password-dialog-container
  display: flex
  flex-direction: column
  justify-content: center
  align-items: center
  width: 100%
  height: 100%
.window-container
  display: flex
  justify-content: center
  align-items: center
  height: 100%
.login-screen-logo
  height: 0
  &__img
    height: auto
    transform: translateY(-100%)
    position: relative
    bottom: 20px
